<template>
  <div>
    <!-- -->
    <h2>首页面</h2>
    <!-- <router-link to="/home/a" tag="button">A</router-link> -->
    <router-link :to="{ name: 'A', query: { id: '2', name: '李四' } }" tag="button">A</router-link>
    <router-link to="/home/a?id=1&name=张三" tag="button">A</router-link>
    <router-link to="/home/b/3/王五" tag="button">B1</router-link>
    <router-link :to="{name:'B',params:{id:'6',name:'王六'}}" tag="button">B2</router-link>
    <router-link :to="{name:'C',params:{id:'2',name:'okok'}}" tag="button">C</router-link>
    <router-link :to="{name:'C',params:{id:'7',name:'CC'},query:{age:'90'}}" tag="button">C</router-link>
    <input type="text">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'VueViewHomeIndex',
  data() {
    return {

    };
  },

  mounted() {

  },

  methods: {

  },
};
</script>